<header class="container">
  <div class="row">
    <div class="col-md-3">
        <a href routerLink="/home">
      <img class="img-responsive" src="/assets/imgs/logo.png" alt="" /> </a></div>
      
    <div class="col-md-6">
      <form>
      <div class="input-group search-box">
        <input type="text" class="form-control" id="querytxt" name="querytxt" [(ngModel)]="query" placeholder="寻我所想..."/>
        <span class="input-group-btn">
          <button class="btn btn-default" type="submit" (click)="search()"><i class="glyphicon glyphicon-search"></i></button>
        </span>
      </div>
    </form>
    </div>
    <div class="col-md-3">
      <a href routerLink="/qianggou">
      <img class="img-responsive" src="/assets/imgs/qianggou.png" alt="" />
    </a>
    </div>
  </div>
  <nav class="navbar navbar-default">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" (click)="ToggleMenu()" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand hidden" href="#">Brand</a>
      </div>
  
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="navbar-collapse" [ngClass]="{'collapse':collapsed}">
        <ul class="nav navbar-nav">
          <li [ngClass]="{'active':currentNav=='home'}"><a routerLink="/home">首页</a></li>
          <li [ngClass]="{'active':currentNav=='super'}"><a routerLink="/super"><span class="text-danger"> 超级券</span></a></li>
          <li [ngClass]="{'active':currentNav=='category'&&cid==item.id}" *ngFor="let item of cats"><a routerLink="/category/{{item.id}}">{{item.name}}</a></li>

          <li class="dropdown hidden" dropdown>
            <a href (click)="false" dropdownToggle type="button" class="dropdown-toggle">
              Button dropdown <span class="caret"></span>
            </a>
            <ul *dropdownMenu class="dropdown-menu" role="menu">
              <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
              <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>
              <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>
              <li class="divider dropdown-divider"></li>
              <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>
              </li>
            </ul>
          </li>
          <li>
            
          </li>
        </ul>


      </div><!-- /.navbar-collapse -->
  </nav>
  <ads-show miid="mm_13714972_42584580_268692639"></ads-show>
</header>
